  //用户登录
  <template>
    <view class="user-login-content">
      <view class="login-content">
        <view class="login-logo"></view>
        <text class="login-bt">手机号快捷登录/注册</text>
      </view>
      <view class="agreement-content">
        <custom-checkbox-round multiple :localdata="checkList" class="agreement-checkbox" />

      </view>
    </view>
  </template>

  <script lang="ts" setup>
  import { ref } from 'vue';
  import { onReady, onLoad } from '@dcloudio/uni-app';

  onLoad(() => {

  })
  onReady(() => {
    console.log('onReady--')

  })
  const checkList = [{
    text: "我已阅读并同意《注册协议》《平台服务协议》《隐私政策》《法律声明》",
    value: 0
  }]
  </script>

  <style lang="scss">
    .user-login-content {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      padding: 20rpx 30rpx;
      box-sizing: border-box;
      background: linear-gradient(180deg, #FFEA58 0%, rgba(236, 241, 245, 0) 45%);
    }

    .login-content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;

      .login-logo {
        width: 200rpx;
        height: 200rpx;
        background-size: 100% 100%;
        background-image: url("https://os.saiyaoyun.com/static/shop-mini/chicken_logo.png");
        background-position: center;
        /* 确保图片居中 */
        background-repeat: no-repeat;
        /* 防止图片重复 */
      }

      .login-bt {
        width: 80%;
        line-height: 90rpx;
        margin-top: 20rpx;
        text-align: center;
        border-radius: 50rpx;
        background: #FEEB64;
        font-size: 35rpx;
      }
    }

    .agreement-content {
      position: absolute;
      bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100rpx;
      // padding: 0 50rpx;
      font-size: 25rpx;
      // box-sizing: border-box;
      // background: blue;

      .agreement-checkbox {
        width: 93%;
        margin-left: 50rpx;

        // transform: scale(0.7);
        // background: blue;
      }
    }
  </style>